<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>
        Products
    </title>

    <meta name="description" content="">
    <link rel="stylesheet" href="../css/app.css">

    <link rel="stylesheet" href="../css/comment.css">
</head>

<body class=" bg-gray-100 antialiased">

    <div>

        <nav x-data="{ open: false }" class="sticky top-0 z-10 border-b border-gray-300 bg-gray-50 ">

            <div class="px-4 mx-auto sm:px-6 md:px-8 max-w-8xl">
                <div class="flex justify-between h-16">
                    <div class="flex items-center shrink-0">
                        <a href="../index.html" aria-label="PromptVine Logo">
                            LOGO
                        </a>

                        <div class="hidden sm:block">
                            <a href="#" data-splitbee-event="Submit Navbar"
                                class="inline-flex items-center justify-center px-2 py-1 ml-4 text-base font-medium text-white transition duration-300 rounded-md shadow hover:opacity-90 bg-primary-500">
                                Submit
                            </a>
                        </div>



                    </div>


                    <div class="hidden space-x-6 md:hidden lg:flex sm:items-center sm:ml-6">
                        <a class="inline-flex items-center text-lg font-medium leading-5 transition duration-300 text-gray-600 hover:text-gray-900"
                            href="../prompts/chatgpt.html">
                            Prompts
                        </a>
                        <a class="inline-flex items-center text-lg font-medium leading-5 transition duration-300 text-primary-500"
                            href="chatgpt.html">
                            Products
                        </a>
                        <a class="inline-flex items-center text-lg font-medium leading-5 transition duration-300 text-gray-600 hover:text-gray-900"
                            href="../blog.html" data-splitbee-event="Blog Navbar">
                            Blog
                        </a>


                        <a href="#" data-splitbee-event="Navbar Button"
                            class="inline-flex hover:opacity-90 text-white justify-center items-center text-white  text-base font-medium px-4 py-2 rounded-md shadow hover:opacity-90 transition duration-300 bg-gray-900">
                            Get started
                        </a>
                    </div>

                    <div class="flex items-center -mr-2 md:flex lg:hidden">
                        <button aria-label="Menu" @click="open = ! open"
                            class="inline-flex items-center justify-center p-2 text-gray-400 transition duration-150 ease-in-out rounded-md hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500">
                            <svg class="w-6 h-6" stroke="currentColor" fill="none" viewBox="0 0 24 24">
                                <path :class="{'hidden': open, 'inline-flex': ! open }" class="inline-flex"
                                    stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                    d="M4 6h16M4 12h16M4 18h16" />
                                <path :class="{'hidden': ! open, 'inline-flex': open }" class="hidden"
                                    stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                    d="M6 18L18 6M6 6l12 12" />
                            </svg>
                        </button>
                    </div>
                </div>

                <div :class="{'block': open, 'hidden': ! open}" class="hidden">
                    <div class="px-3 pt-6 pb-4 mb-3 bg-white border border-gray-200 rounded">
                        <a href="#"
                            class="inline-flex items-center justify-center w-full px-2 py-1 mb-4 text-base font-medium text-white transition duration-300 rounded-md shadow hover:opacity-90 bg-primary-500">
                            Submit a prompt
                        </a>
                        <div class="flex flex-col space-y-4">
                            <a class="inline-flex items-center text-lg font-medium leading-5 transition duration-300 text-gray-600 hover:text-gray-900"
                                href="../prompts/chatgpt.html">
                                Prompts
                            </a>
                            <a class="inline-flex items-center text-lg font-medium leading-5 transition duration-300 text-primary-500"
                                href="chatgpt.html">
                                Products
                            </a>
                            <a class="inline-flex items-center text-lg font-medium leading-5 transition duration-300 text-gray-600 hover:text-gray-900"
                                href="../blog.html">
                                Blog
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </nav>


        <div class="bg-gray-100">
            <div class="pb-24 bg-gray-100">
                <div class="mx-auto max-w-8xl">
                    <div class="relative flex flex-col justify-center mx-auto sm:flex-row">

                        <div class="relative hidden pl-4 sm:pl-6 md:pl-8 sm:block md:block md:flex-none sm:flex-none">
                            <div class="absolute inset-y-0 right-0 w-[50vw] bg-gray-200"></div>
                            <div class="sticky top-[2rem] h-[calc(100vh-2rem)] overflow-y-auto overflow-x-hidden py-12">
                                <nav class="w-64 pr-8 xl:w-[14em] lg:w-[14em] md:w-[12em] xl:pr-8">
                                    <ul>
                                        <li class="mb-4">
                                            <a href="chatgpt.html"
                                                class="hover:text-primary-500 transition duration-300 text-primary-500">
                                                📃 All Products
                                            </a>
                                        </li>
                                        <li class="mb-4">
                                            <a href="chatgpt.html"
                                                class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                🔍 Search
                                            </a>
                                        </li>
                                        <li class="mb-4">
                                            <a href="chatgpt.html"
                                                class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                🪝 Extension
                                            </a>
                                        </li>
                                        <li class="mb-4">
                                            <a href="chatgpt.html"
                                                class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                🖇️ API
                                            </a>
                                        </li>
                                        <li class="mb-4">
                                            <a href="chatgpt.html"
                                                class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                🧑‍💻 Software
                                            </a>
                                        </li>
                                        <li class="mb-4">
                                            <a href="chatgpt.html"
                                                class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                🧑‍💻 Chatbot
                                            </a>
                                        </li>
                                        <li class="mb-4">
                                            <a href="chatgpt.html"
                                                class="hover:text-primary-500 transition duration-300 text-gray-700">
                                                🧑‍💻 Code
                                            </a>
                                        </li>
                                    </ul>
                                </nav>
                            </div>
                        </div>

                        <div class="sticky z-30 block px-4 py-6 bg-white top-16 sm:px-6 md:px-8 sm:hidden"
                            x-data="{ openMenu: false }">
                            <button type="button"
                                :class="openMenu ? 'rounded-b-none border-b-0 border-t border-l border-r' : 'border'"
                                class="flex items-center justify-between w-full px-3 py-2 text-gray-900 bg-white border-gray-300 rounded-md sm:hidden"
                                @click="openMenu = !openMenu">
                                Menu
                                <span x-show="!openMenu">
                                    <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" fill="none"
                                        viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
                                        <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" />
                                    </svg> </span>
                                <span x-show="openMenu">
                                    <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" fill="none"
                                        viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
                                        <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7" />
                                    </svg> </span>
                            </button>
                            <div class="border border-gray-300 bg-white px-3 py-6 top-[.5rem] h-[calc(100vh-.5rem)] overflow-y-auto"
                                x-show="openMenu">
                                <ul>
                                    <li class="mb-4">
                                        <a href="chatgpt.html"
                                            class="hover:text-primary-500 transition duration-300 text-primary-500">
                                            📃 All Products
                                        </a>
                                    </li>
                                    <li class="mb-4">
                                        <a href="chatgpt.html"
                                            class="hover:text-primary-500 transition duration-300 text-gray-700">
                                            🔍 Search
                                        </a>
                                    </li>
                                    <li class="mb-4">
                                        <a href="chatgpt.html"
                                            class="hover:text-primary-500 transition duration-300 text-gray-700">
                                            🪝 Extension
                                        </a>
                                    </li>
                                    <li class="mb-4">
                                        <a href="chatgpt.html"
                                            class="hover:text-primary-500 transition duration-300 text-gray-700">
                                            🖇️ API
                                        </a>
                                    </li>
                                    <li class="mb-4">
                                        <a href="chatgpt.html"
                                            class="hover:text-primary-500 transition duration-300 text-gray-700">
                                            🧑‍💻 Software
                                        </a>
                                    </li>
                                    <li class="mb-4">
                                        <a href="chatgpt.html"
                                            class="hover:text-primary-500 transition duration-300 text-gray-700">
                                            🧑‍💻 Chatbot
                                        </a>
                                    </li>
                                    <li class="mb-4">
                                        <a href="chatgpt.html"
                                            class="hover:text-primary-500 transition duration-300 text-gray-700">
                                            🧑‍💻 Code
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <div
                            class="flex-auto max-w-2xl min-w-0 py-4 pl-4 pr-4 lg:py-12 md:py-8 lg:max-w-none lg:pr-0 sm:pl-8 md:pl-6 sm:pr-8 md:pr-6 xl:px-16">

                            <div wire:id="OER4JRIaTjJW6ffhyNoy"
                                wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;OER4JRIaTjJW6ffhyNoy&quot;,&quot;name&quot;:&quot;explore.products&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;products\/chatgpt&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[],&quot;path&quot;:&quot;http:\/\/promptvine.com\/products\/chatgpt?&quot;},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;a7dd6dc1&quot;,&quot;data&quot;:{&quot;categories&quot;:[],&quot;message&quot;:null,&quot;search&quot;:null,&quot;page&quot;:1,&quot;paginators&quot;:{&quot;page&quot;:1}},&quot;dataMeta&quot;:{&quot;modelCollections&quot;:{&quot;categories&quot;:{&quot;class&quot;:&quot;App\\Models\\Category&quot;,&quot;id&quot;:[&quot;98b9a0f4-86be-4ed3-bf63-4e8be87497a5&quot;,&quot;98b9a0f4-889e-4c94-9b1d-3fc20d8bb767&quot;,&quot;98b9a0f4-8a60-467d-b149-625ee1d2eb55&quot;,&quot;98b9a0f4-8ca0-4177-9e8b-9d6f548af886&quot;,&quot;98b9a0f4-8e47-45c3-ab09-75c271f5af4c&quot;,&quot;98b9a0f4-8fcd-4c0f-988a-c680c1e75323&quot;],&quot;relations&quot;:[],&quot;connection&quot;:&quot;mysql&quot;,&quot;collectionClass&quot;:null}}},&quot;checksum&quot;:&quot;d09e069bc5a45cb0841008a8277ddf94463ac62a4d48bb299905711a6e4f2b2d&quot;}}">
                                <div class="m-0">
                                    <h1 class="text-3xl font-bold leading-tight text-gray-900 dark:text-gray-100">
                                        Best ChatGPT & AI products
                                    </h1>
                                    <p class="mt-2 text-gray-500 dark:text-gray-400">
                                        Learn how to integrate Launch List with WordPress.
                                        Learn how to integrate Launch List with WordPress.
                                    </p>
                                </div>

                                <div class="grid grid-cols-1 gap-6 mt-8">
                                    <div class="p-6 bg-white border border-gray-300 rounded-lg shadow-sm ">
                                        <div class="flex-auto" id="product-98b9a143-d9ae-41d4-afc3-df7716cc5ca3">


                                            <a href="#"
                                                class="text-sm font-medium text-gray-500">
                                                🪝 Extension
                                            </a>

                                            <h3 class="mt-2 text-base font-bold text-gray-700 uppercase">
                                                ChatGPT Export and Share
                                            </h3>
                                            <p class="mt-2 text-base text-gray-600 select-all">
                                                A Chrome extension for downloading your ChatGPT history to PNG, PDF or a
                                                sharable link
                                            </p>

                                            <a class="flex items-center mt-4 text-sm text-gray-500 " target="_blank"
                                                rel="noreferrer"
                                                href="#">
                                                URL
                                                <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" fill="none"
                                                    viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
                                                    aria-hidden="true">
                                                    <path stroke-linecap="round" stroke-linejoin="round"
                                                        d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
                                                </svg> </a>

                                            <div class="flex items-center mt-4">

                                            </div>
                                        </div>
                                    </div>
                                    <div class="p-6 bg-white border border-gray-300 rounded-lg shadow-sm ">
                                        <div class="flex-auto" id="product-98b9a143-d9ae-41d4-afc3-df7716cc5ca3">


                                            <a href="#"
                                                class="text-sm font-medium text-gray-500">
                                                🪝 Extension
                                            </a>

                                            <h3 class="mt-2 text-base font-bold text-gray-700 uppercase">
                                                ChatGPT Export and Share
                                            </h3>
                                            <p class="mt-2 text-base text-gray-600 select-all">
                                                A Chrome extension for downloading your ChatGPT history to PNG, PDF or a
                                                sharable link
                                            </p>

                                            <a class="flex items-center mt-4 text-sm text-gray-500 " target="_blank"
                                                rel="noreferrer"
                                                href="#">
                                                URL
                                                <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" fill="none"
                                                    viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
                                                    aria-hidden="true">
                                                    <path stroke-linecap="round" stroke-linejoin="round"
                                                        d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
                                                </svg> </a>

                                            <div class="flex items-center mt-4">

                                            </div>
                                        </div>
                                    </div>
                                    <div class="p-6 bg-white border border-gray-300 rounded-lg shadow-sm ">
                                        <div class="flex-auto" id="product-98b9a143-d9ae-41d4-afc3-df7716cc5ca3">


                                            <a href="#"
                                                class="text-sm font-medium text-gray-500">
                                                🪝 Extension
                                            </a>

                                            <h3 class="mt-2 text-base font-bold text-gray-700 uppercase">
                                                ChatGPT Export and Share
                                            </h3>
                                            <p class="mt-2 text-base text-gray-600 select-all">
                                                A Chrome extension for downloading your ChatGPT history to PNG, PDF or a
                                                sharable link
                                            </p>

                                            <a class="flex items-center mt-4 text-sm text-gray-500 " target="_blank"
                                                rel="noreferrer"
                                                href="#">
                                                URL
                                                <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" fill="none"
                                                    viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
                                                    aria-hidden="true">
                                                    <path stroke-linecap="round" stroke-linejoin="round"
                                                        d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
                                                </svg> </a>

                                            <div class="flex items-center mt-4">

                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="mt-6">
                                    <div>
                                    </div>

                                </div>
                            </div>


                        </div>

                        <div
                            class="xl:sticky xl:top-[1rem] xl:block xl:h-[calc(100vh-1rem)] xl:flex-none xl:overflow-y-auto xl:py-16 pr-4 sm:pr-6 md:pr-8 pl-4 sm:pl-0 md:pl-0">
                            <div class="sm:w-[18em] w-full">

                                <div class="mt-2">
                                   
                                </div>

                                <div class="p-2 mt-4 rounded bg-primary-500">
                                    <a href="#" target="_blank"
                                        data-splitbee-event="Download - Sidebar">
                                        <img src="../images/partners/gumroad.png"
                                            alt="gumroad download chatgpt prompts">
                                        <p class="mt-2 text-xl font-semibold text-center text-gray-100">
                                            Download All Prompts
                                        </p>
                                    </a>
                                </div>

                                <div class="p-2 mt-6 bg-teal-500 rounded">
                                    <a href="#" target="_blank">
                                        <img src="../images/partners/copyai.jpg" class="rounded"
                                            alt="writesonic partnership">
                                    </a>
                                </div>

                                <div class="flex justify-center mt-8">
                                    <a class="inline-flex flex-col items-center justify-center px-8 py-2 text-white transition duration-300 rounded-full bg-primary-500 hover:opacity-90 hover:-translate-y-2"
                                        href="#">
                                        <span class="text-sm">Powered by</span>LaunchList
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="hidden login-modal">
            <h2 class="text-lg font-medium text-gray-500">Please login to bookmark, upvote, comment, submit, and
                download prompts</h2>
        </div>

        <div>
        </div>



        <div class="mx-auto bg-[#fdfdfd] border-t border-gray-300">
            <footer class="px-4 pt-12 pb-0 mx-auto sm:px-6 md:px-8 max-w-8xl">
                <div class="md:flex md:justify-between">
                    <div class="mb-6 md:mb-0 sm:w-3/12">
                        <a href="../index.html" alt="PromptVine Logo" class="inline-block">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" width="175" height="87"
                                viewBox="0 0 839 153">
                                <path fill="#212121"
                                    d="M164.322 116V33.957h28.715c6.407 0 11.72 1.093 15.94 3.281 4.219 2.11 7.344 5.04 9.376 8.79 2.11 3.673 3.164 7.853 3.164 12.542 0 4.453-1.015 8.556-3.047 12.306-1.953 3.673-5.04 6.603-9.259 8.79-4.219 2.188-9.611 3.282-16.174 3.282h-16.292V116h-12.423Zm12.423-43.249h15.706c5.86 0 10.04-1.25 12.541-3.75 2.578-2.579 3.867-6.056 3.867-10.431 0-4.532-1.289-8.048-3.867-10.549-2.501-2.578-6.681-3.868-12.541-3.868h-15.706v28.598ZM233.329 116V57.866h11.134l1.055 11.018c2.031-3.829 4.844-6.837 8.439-9.025 3.672-2.266 8.087-3.399 13.244-3.399v13.01h-3.399c-3.438 0-6.525.586-9.259 1.758-2.657 1.094-4.806 3.008-6.447 5.743-1.562 2.656-2.344 6.368-2.344 11.134V116h-12.423Zm70.113 1.406c-5.548 0-10.549-1.25-15.002-3.75-4.376-2.579-7.853-6.134-10.432-10.666-2.578-4.61-3.867-9.962-3.867-16.057 0-6.094 1.289-11.408 3.867-15.94 2.657-4.61 6.212-8.165 10.666-10.665 4.454-2.579 9.415-3.868 14.885-3.868 5.548 0 10.509 1.29 14.885 3.868 4.454 2.5 7.97 6.055 10.548 10.665 2.657 4.532 3.985 9.846 3.985 15.94 0 6.095-1.328 11.447-3.985 16.057-2.578 4.532-6.094 8.087-10.548 10.666-4.454 2.5-9.454 3.75-15.002 3.75Zm0-10.665c2.969 0 5.704-.742 8.204-2.227 2.579-1.485 4.649-3.672 6.212-6.563 1.563-2.97 2.344-6.642 2.344-11.018 0-4.375-.781-8.009-2.344-10.9-1.485-2.969-3.516-5.196-6.095-6.68-2.5-1.485-5.235-2.227-8.204-2.227-2.969 0-5.743.742-8.321 2.227-2.501 1.484-4.532 3.711-6.095 6.68-1.563 2.891-2.344 6.525-2.344 10.9 0 4.376.781 8.048 2.344 11.017 1.563 2.892 3.594 5.079 6.095 6.564 2.5 1.485 5.235 2.227 8.204 2.227ZM346.413 116V57.866h11.017l1.055 8.205a20.548 20.548 0 0 1 7.384-7.032c3.125-1.72 6.72-2.579 10.783-2.579 9.22 0 15.627 3.633 19.221 10.9 2.11-3.36 4.923-6.017 8.439-7.97 3.594-1.953 7.462-2.93 11.603-2.93 7.267 0 12.971 2.188 17.112 6.563 4.142 4.376 6.212 10.9 6.212 19.574V116h-12.424V83.886c0-11.252-4.297-16.878-12.892-16.878-4.376 0-7.97 1.641-10.783 4.923-2.735 3.282-4.102 7.97-4.102 14.065V116h-12.424V83.886c0-11.252-4.336-16.878-13.01-16.878-4.297 0-7.852 1.641-10.665 4.923-2.735 3.282-4.102 7.97-4.102 14.065V116h-12.424Zm107.361 25.785V57.866h11.135l1.289 9.025c1.875-2.735 4.454-5.157 7.736-7.267 3.281-2.11 7.501-3.164 12.658-3.164 5.626 0 10.587 1.328 14.885 3.985 4.297 2.657 7.657 6.29 10.079 10.9 2.501 4.61 3.751 9.845 3.751 15.705 0 5.86-1.25 11.096-3.751 15.706-2.422 4.532-5.782 8.126-10.079 10.783-4.298 2.578-9.298 3.867-15.002 3.867-4.532 0-8.556-.898-12.073-2.695-3.438-1.797-6.172-4.337-8.204-7.619v34.693h-12.424Zm30.591-35.161c5.313 0 9.689-1.798 13.127-5.392 3.438-3.672 5.157-8.439 5.157-14.299 0-3.829-.782-7.227-2.344-10.197-1.563-2.969-3.712-5.274-6.447-6.915-2.734-1.719-5.899-2.578-9.493-2.578-5.313 0-9.689 1.836-13.127 5.508-3.36 3.673-5.04 8.4-5.04 14.182 0 5.86 1.68 10.627 5.04 14.299 3.438 3.594 7.814 5.392 13.127 5.392ZM550.834 116c-5.704 0-10.236-1.367-13.596-4.102-3.36-2.813-5.04-7.775-5.04-14.885V68.298h-9.962V57.866h9.962l1.524-14.767h10.9v14.767h16.409v10.432h-16.409v28.715c0 3.203.664 5.43 1.992 6.68 1.407 1.173 3.79 1.759 7.15 1.759h6.681V116h-9.611Z" />
                                <path fill="#22C563"
                                    d="m597.75 116-30.004-82.043h16.057l23.207 66.689 23.323-66.69h15.823L616.152 116H597.75Zm65.895-67.158c-2.735 0-5.001-.82-6.798-2.462-1.719-1.64-2.578-3.711-2.578-6.212 0-2.5.859-4.531 2.578-6.094 1.797-1.641 4.063-2.461 6.798-2.461 2.735 0 4.962.82 6.681 2.46 1.797 1.564 2.696 3.595 2.696 6.096 0 2.5-.899 4.57-2.696 6.211-1.719 1.641-3.946 2.462-6.681 2.462ZM656.144 116V57.866h15.002V116h-15.002Zm30.661 0V57.866h13.244l1.172 9.846c1.797-3.438 4.376-6.173 7.736-8.205 3.438-2.031 7.462-3.047 12.072-3.047 7.188 0 12.775 2.266 16.76 6.798 3.985 4.532 5.978 11.173 5.978 19.925V116h-15.003V84.59c0-5.002-1.015-8.83-3.047-11.487-2.031-2.657-5.196-3.985-9.494-3.985-4.219 0-7.696 1.485-10.431 4.454-2.656 2.969-3.985 7.11-3.985 12.424V116h-15.002Zm99.554 1.406c-5.861 0-11.057-1.25-15.589-3.75s-8.087-6.017-10.665-10.549c-2.579-4.531-3.868-9.767-3.868-15.705 0-6.017 1.25-11.369 3.751-16.057 2.578-4.688 6.094-8.322 10.548-10.9 4.532-2.657 9.845-3.985 15.94-3.985 5.704 0 10.744 1.25 15.119 3.75 4.376 2.5 7.775 5.939 10.197 10.315 2.5 4.297 3.751 9.102 3.751 14.416 0 .86-.039 1.758-.118 2.695 0 .938-.039 1.915-.117 2.93h-44.186c.313 4.532 1.875 8.088 4.688 10.666 2.891 2.579 6.368 3.868 10.431 3.868 3.048 0 5.587-.664 7.619-1.993 2.109-1.406 3.672-3.203 4.688-5.391h15.237c-1.094 3.672-2.931 7.032-5.509 10.08-2.5 2.969-5.626 5.313-9.376 7.032-3.673 1.719-7.853 2.578-12.541 2.578Zm.117-48.757c-3.673 0-6.915 1.055-9.728 3.165-2.813 2.031-4.61 5.157-5.392 9.376h28.95c-.234-3.828-1.641-6.876-4.219-9.142-2.579-2.266-5.782-3.399-9.611-3.399Z" />
                                <path fill="#000"
                                    d="m43.32 61.03-5.803-21.376L16 45.317l5.804 21.517L43.32 61.03Zm0 31.426-21.516-5.804L16 108.169l21.517 5.662 5.804-21.375Zm27.18 15.713-15.713 15.713L70.5 139.595l15.713-15.713L70.5 108.169Zm27.18-15.713 5.803 21.517L125 108.169l-5.804-21.517-21.517 5.804Zm0-31.426 21.516 5.804L125 45.317l-21.517-5.663-5.804 21.376ZM70.5 45.317l15.713-15.713L70.5 13.89 54.787 29.604 70.5 45.317Z" />
                            </svg>




                        </a>
                        <div class="mt-3">
                            <p class="text-base text-gray-500">
                                PromptVine is a community that provides a variety of useful prompts to help you use
                                ChatGPT and AI Chatbots effectively. By joining our community and exploring the prompts,
                                you can learn how to transform your conversations with the help of AI Chatbots like
                                ChatGPT, Bing, GPT-4, and more.
                            </p>

                            <a data-splitbee-event="Download - Footer" target="_blank"
                                href="#"
                                class="inline-block px-3 py-2 mt-4 text-white rounded-lg bg-primary-500 hover:opacity-90">
                                Download All Prompts
                            </a>

                        </div>
                    </div>


                    <div
                        class="grid w-full grid-cols-1 gap-8 mt-6 sm:w-8/12 sm:mt-0 sm:gap-6 lg:grid-cols-3 md:grid-cols-2">

                        <div class="flex flex-col col-span-1">
                            <h3 class="mb-6 text-base font-semibold text-gray-900">
                                Categories
                            </h3>
                            <a href="#" target="_self"
                                class="inline-block mb-2 text-base text-gray-700 hover:text-primary-500">
                                📖 Storytelling
                            </a>

                            <a href="#" target="_self"
                                class="inline-block mb-2 text-base text-gray-700 hover:text-primary-500">
                                📝 Writing
                            </a>
                            <a href="#" target="_self"
                                class="inline-block mb-2 text-base text-gray-700 hover:text-primary-500">
                                💭 Opinion
                            </a>
                            <a href="#" target="_self"
                                class="inline-block mb-2 text-base text-gray-700 hover:text-primary-500">
                                💼 Career Development
                            </a>
                            <a href="#" target="_self"
                                class="inline-block mb-2 text-base text-gray-700 hover:text-primary-500">
                                💻 Coding and Programming
                            </a>

                            <a href="#" target="_self"
                                class="inline-block mb-2 text-base text-gray-700 hover:text-primary-500">
                                🤣 Humor
                            </a>
                            <a href="#" target="_self"
                                class="inline-block mb-2 text-base text-gray-700 hover:text-primary-500">
                                🎓 Education &amp; Tutoring
                            </a>
                            <a href="#" target="_self"
                                class="inline-block mb-2 text-base text-gray-700 hover:text-primary-500">
                                🐕‍🦺 Animals &amp; Pets
                            </a>
                        </div>
                        <div class="flex flex-col col-span-1">
                            <h3 class="mb-6 text-base font-bold text-gray-700">Resource</h3>
                            <a href="../prompts/chatgpt.html" target="_self"
                                class="inline-block mb-2 text-base text-gray-700 hover:text-primary-500">
                                ChatGPT Prompts
                            </a>
                            <a href="chatgpt.html" target="_self"
                                class="inline-block mb-2 text-base text-gray-700 hover:text-primary-500">
                                ChatGPT Products
                            </a>
                            <a href="../blog.html" target="_self"
                                class="inline-block mb-2 text-base text-gray-700 hover:text-primary-500">
                                ChatGPT Blog
                            </a>
                        </div>
                        <div class="col-span-1">
                            <div class="mt-0 lg:mt-0">
                                <div>
                                    <h2 class="text-xl font-medium text-gray-900">Get AI Chatbot Prompts and Insights
                                        Straight to Your Inbox!</h2>
                                    <p class="max-w-lg mt-4 text-gray-500">
                                        Join our newsletter and stay up-to-date with the latest AI chatbot prompts and
                                        industry insights. Sign up now and stay ahead of the game!
                                    </p>
                                </div>
                                <div class="ml-embedded" data-form="tddCbW"></div>
                            </div>
                        </div>
                    </div>
                </div>


                <div class="py-8 mt-6 border-t border-gray-300">
                    <div class="flex flex-wrap justify-between">

                        <div class="">
                            <div class="flex flex-wrap">

                                <span class="block mb-0 mr-2 text-sm text-gray-500 sm:mb-2">
                                    © 2023 PromptVine
                                </span>
                                <span class="block mb-0 mr-2 text-sm text-gray-500 sm:mb-2">
                                    /
                                </span>
                                <a href="#"
                                    class="inline-block mb-0 mr-2 text-sm text-gray-500 hover:text-gray-900 sm:mb-2">
                                    A product by LaunchList
                                </a>

                            </div>
                        </div>

                    </div>
                </div>
            </footer>

        </div>



    </div>


    <script src="../livewire/livewire%EF%B9%96id=90730a3b0e7144480175.js" data-turbo-eval="false"
        data-turbolinks-eval="false"></script>
    <script data-turbo-eval="false"
        data-turbolinks-eval="false">window.livewire = new Livewire(); window.Livewire = window.livewire; window.livewire_app_url = ''; window.livewire_token = '2ZMcoDkOgu5qrh0C1ueX7zVGh0xAoAz0wMKvW7EH'; window.deferLoadingAlpine = function (callback) { window.addEventListener('livewire:load', function () { callback(); }); }; let started = false; window.addEventListener('alpine:initializing', function () { if (!started) { window.livewire.start(); started = true; } }); document.addEventListener("DOMContentLoaded", function () { if (!started) { window.livewire.start(); started = true; } });</script>

    <script>
        /**** Livewire Alert Scripts ****/
        (() => { var __webpack_modules__ = { 757: (e, t, r) => { e.exports = r(666) }, 666: e => { var t = function (e) { "use strict"; var t, r = Object.prototype, n = r.hasOwnProperty, o = "function" == typeof Symbol ? Symbol : {}, i = o.iterator || "@@iterator", a = o.asyncIterator || "@@asyncIterator", c = o.toStringTag || "@@toStringTag"; function s(e, t, r) { return Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }), e[t] } try { s({}, "") } catch (e) { s = function (e, t, r) { return e[t] = r } } function l(e, t, r, n) { var o = t && t.prototype instanceof y ? t : y, i = Object.create(o.prototype), a = new x(n || []); return i._invoke = function (e, t, r) { var n = f; return function (o, i) { if (n === p) throw new Error("Generator is already running"); if (n === d) { if ("throw" === o) throw i; return S() } for (r.method = o, r.arg = i; ;) { var a = r.delegate; if (a) { var c = L(a, r); if (c) { if (c === h) continue; return c } } if ("next" === r.method) r.sent = r._sent = r.arg; else if ("throw" === r.method) { if (n === f) throw n = d, r.arg; r.dispatchException(r.arg) } else "return" === r.method && r.abrupt("return", r.arg); n = p; var s = u(e, t, r); if ("normal" === s.type) { if (n = r.done ? d : _, s.arg === h) continue; return { value: s.arg, done: r.done } } "throw" === s.type && (n = d, r.method = "throw", r.arg = s.arg) } } }(e, r, a), i } function u(e, t, r) { try { return { type: "normal", arg: e.call(t, r) } } catch (e) { return { type: "throw", arg: e } } } e.wrap = l; var f = "suspendedStart", _ = "suspendedYield", p = "executing", d = "completed", h = {}; function y() { } function v() { } function m() { } var b = {}; s(b, i, (function () { return this })); var w = Object.getPrototypeOf, g = w && w(w(D([]))); g && g !== r && n.call(g, i) && (b = g); var O = m.prototype = y.prototype = Object.create(b); function E(e) { ["next", "throw", "return"].forEach((function (t) { s(e, t, (function (e) { return this._invoke(t, e) })) })) } function k(e, t) { function r(o, i, a, c) { var s = u(e[o], e, i); if ("throw" !== s.type) { var l = s.arg, f = l.value; return f && "object" == typeof f && n.call(f, "__await") ? t.resolve(f.__await).then((function (e) { r("next", e, a, c) }), (function (e) { r("throw", e, a, c) })) : t.resolve(f).then((function (e) { l.value = e, a(l) }), (function (e) { return r("throw", e, a, c) })) } c(s.arg) } var o; this._invoke = function (e, n) { function i() { return new t((function (t, o) { r(e, n, t, o) })) } return o = o ? o.then(i, i) : i() } } function L(e, r) { var n = e.iterator[r.method]; if (n === t) { if (r.delegate = null, "throw" === r.method) { if (e.iterator.return && (r.method = "return", r.arg = t, L(e, r), "throw" === r.method)) return h; r.method = "throw", r.arg = new TypeError("The iterator does not provide a 'throw' method") } return h } var o = u(n, e.iterator, r.arg); if ("throw" === o.type) return r.method = "throw", r.arg = o.arg, r.delegate = null, h; var i = o.arg; return i ? i.done ? (r[e.resultName] = i.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, h) : i : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, h) } function j(e) { var t = { tryLoc: e[0] }; 1 in e && (t.catchLoc = e[1]), 2 in e && (t.finallyLoc = e[2], t.afterLoc = e[3]), this.tryEntries.push(t) } function P(e) { var t = e.completion || {}; t.type = "normal", delete t.arg, e.completion = t } function x(e) { this.tryEntries = [{ tryLoc: "root" }], e.forEach(j, this), this.reset(!0) } function D(e) { if (e) { var r = e[i]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, a = function r() { for (; ++o < e.length;)if (n.call(e, o)) return r.value = e[o], r.done = !1, r; return r.value = t, r.done = !0, r }; return a.next = a } } return { next: S } } function S() { return { value: t, done: !0 } } return v.prototype = m, s(O, "constructor", m), s(m, "constructor", v), v.displayName = s(m, c, "GeneratorFunction"), e.isGeneratorFunction = function (e) { var t = "function" == typeof e && e.constructor; return !!t && (t === v || "GeneratorFunction" === (t.displayName || t.name)) }, e.mark = function (e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, m) : (e.__proto__ = m, s(e, c, "GeneratorFunction")), e.prototype = Object.create(O), e }, e.awrap = function (e) { return { __await: e } }, E(k.prototype), s(k.prototype, a, (function () { return this })), e.AsyncIterator = k, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new k(l(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then((function (e) { return e.done ? e.value : a.next() })) }, E(O), s(O, c, "Generator"), s(O, i, (function () { return this })), s(O, "toString", (function () { return "[object Generator]" })), e.keys = function (e) { var t = []; for (var r in e) t.push(r); return t.reverse(), function r() { for (; t.length;) { var n = t.pop(); if (n in e) return r.value = n, r.done = !1, r } return r.done = !0, r } }, e.values = D, x.prototype = { constructor: x, reset: function (e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(P), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t) }, stop: function () { this.done = !0; var e = this.tryEntries[0].completion; if ("throw" === e.type) throw e.arg; return this.rval }, dispatchException: function (e) { if (this.done) throw e; var r = this; function o(n, o) { return c.type = "throw", c.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var a = this.tryEntries[i], c = a.completion; if ("root" === a.tryLoc) return o("end"); if (a.tryLoc <= this.prev) { var s = n.call(a, "catchLoc"), l = n.call(a, "finallyLoc"); if (s && l) { if (this.prev < a.catchLoc) return o(a.catchLoc, !0); if (this.prev < a.finallyLoc) return o(a.finallyLoc) } else if (s) { if (this.prev < a.catchLoc) return o(a.catchLoc, !0) } else { if (!l) throw new Error("try statement without catch or finally"); if (this.prev < a.finallyLoc) return o(a.finallyLoc) } } } }, abrupt: function (e, t) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break } } i && ("break" === e || "continue" === e) && i.tryLoc <= t && t <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = e, a.arg = t, i ? (this.method = "next", this.next = i.finallyLoc, h) : this.complete(a) }, complete: function (e, t) { if ("throw" === e.type) throw e.arg; return "break" === e.type || "continue" === e.type ? this.next = e.arg : "return" === e.type ? (this.rval = this.arg = e.arg, this.method = "return", this.next = "end") : "normal" === e.type && t && (this.next = t), h }, finish: function (e) { for (var t = this.tryEntries.length - 1; t >= 0; --t) { var r = this.tryEntries[t]; if (r.finallyLoc === e) return this.complete(r.completion, r.afterLoc), P(r), h } }, catch: function (e) { for (var t = this.tryEntries.length - 1; t >= 0; --t) { var r = this.tryEntries[t]; if (r.tryLoc === e) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; P(r) } return o } } throw new Error("illegal catch attempt") }, delegateYield: function (e, r, n) { return this.delegate = { iterator: D(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), h } }, e }(e.exports); try { regeneratorRuntime = t } catch (e) { "object" == typeof globalThis ? globalThis.regeneratorRuntime = t : Function("r", "regeneratorRuntime = r")(t) } } }, __webpack_module_cache__ = {}; function __webpack_require__(e) { var t = __webpack_module_cache__[e]; if (void 0 !== t) return t.exports; var r = __webpack_module_cache__[e] = { exports: {} }; return __webpack_modules__[e](r, r.exports, __webpack_require__), r.exports } __webpack_require__.n = e => { var t = e && e.__esModule ? () => e.default : () => e; return __webpack_require__.d(t, { a: t }), t }, __webpack_require__.d = (e, t) => { for (var r in t) __webpack_require__.o(t, r) && !__webpack_require__.o(e, r) && Object.defineProperty(e, r, { enumerable: !0, get: t[r] }) }, __webpack_require__.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t); var __webpack_exports__ = {}; (() => { "use strict"; var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(757), _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default = __webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__); function ownKeys(e, t) { var r = Object.keys(e); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); t && (n = n.filter((function (t) { return Object.getOwnPropertyDescriptor(e, t).enumerable }))), r.push.apply(r, n) } return r } function _objectSpread(e) { for (var t = 1; t < arguments.length; t++) { var r = null != arguments[t] ? arguments[t] : {}; t % 2 ? ownKeys(Object(r), !0).forEach((function (t) { _defineProperty(e, t, r[t]) })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : ownKeys(Object(r)).forEach((function (t) { Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t)) })) } return e } function _defineProperty(e, t, r) { return t in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e } function asyncGeneratorStep(e, t, r, n, o, i, a) { try { var c = e[i](a), s = c.value } catch (e) { return void r(e) } c.done ? t(s) : Promise.resolve(s).then(n, o) } function _asyncToGenerator(e) { return function () { var t = this, r = arguments; return new Promise((function (n, o) { var i = e.apply(t, r); function a(e) { asyncGeneratorStep(i, n, o, a, c, "next", e) } function c(e) { asyncGeneratorStep(i, n, o, a, c, "throw", e) } a(void 0) })) } } function evalCallbacksOptions(options) { for (var callbacksKeysAllowed = ["allowOutsideClick", "allowEscapeKey", "allowEnterKey", "loaderHtml", "inputOptions", "inputValidator", "preConfirm", "preDeny", "didClose", "didDestroy", "didOpen", "didRender", "willClose", "willOpen"], _i = 0, _callbacksKeysAllowed = callbacksKeysAllowed; _i < _callbacksKeysAllowed.length; _i++) { var callbackKey = _callbacksKeysAllowed[_i]; options.hasOwnProperty(callbackKey) && ("string" == typeof options[callbackKey] || options[callbackKey] instanceof String) && options[callbackKey] && "" != options[callbackKey].trim() && (options[callbackKey] = eval(options[callbackKey])) } } function afterAlertInteraction(e) { if (e.confirmed) return "self" === e.onConfirmed.component ? void Livewire.find(e.onConfirmed.id).emitSelf(e.onConfirmed.listener, e.result) : void Livewire.emitTo(e.onConfirmed.component, e.onConfirmed.listener, e.result); if (e.isDenied) return "self" === e.onDenied.component ? void Livewire.find(e.onDenied.id).emitSelf(e.onDenied.listener, e.result) : void Livewire.emitTo(e.onDenied.component, e.onDenied.listener, e.result); if (e.onProgressFinished && e.dismiss === Swal.DismissReason.timer) return "self" === e.onProgressFinished.component ? void Livewire.find(e.onProgressFinished.id).emitSelf(e.onProgressFinished.listener, e.result) : void Livewire.emitTo(e.onProgressFinished.component, e.onProgressFinished.listener, e.result); if (e.onDismissed) { if ("self" === e.onDismissed.component) return void Livewire.find(e.onDismissed.id).emit(e.onDismissed.listener, e.result); Livewire.emitTo(e.onDismissed.component, e.onDismissed.listener, e.result) } } window.addEventListener("alert", function () { var e = _asyncToGenerator(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default().mark((function e(t) { var r, n, o, i, a, c, s, l; return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default().wrap((function (e) { for (; ;)switch (e.prev = e.next) { case 0: return o = t.detail.message, i = null !== (r = t.detail.type) && void 0 !== r ? r : null, a = t.detail.data, c = t.detail.events, evalCallbacksOptions(s = t.detail.options), e.next = 8, Swal.fire(_objectSpread({ title: o, icon: i }, s)); case 8: afterAlertInteraction(_objectSpread(_objectSpread(_objectSpread({ confirmed: (l = e.sent).isConfirmed, denied: l.isDenied, dismiss: l.dismiss, result: _objectSpread(_objectSpread({}, l), {}, { data: _objectSpread(_objectSpread({}, a), {}, { inputAttributes: null !== (n = s.inputAttributes) && void 0 !== n ? n : null }) }) }, c), l), s)); case 10: case "end": return e.stop() } }), e) }))); return function (t) { return e.apply(this, arguments) } }()), window.flashAlert = function () { var e = _asyncToGenerator(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default().mark((function e(t) { var r, n, o, i, a, c, s; return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default().wrap((function (e) { for (; ;)switch (e.prev = e.next) { case 0: return i = t.events, a = t.events.data, evalCallbacksOptions(c = t.options), e.next = 6, Swal.fire(_objectSpread({ title: null !== (r = t.message) && void 0 !== r ? r : "", icon: null !== (n = t.type) && void 0 !== n ? n : null }, c)); case 6: afterAlertInteraction(_objectSpread(_objectSpread({ confirmed: (s = e.sent).isConfirmed, denied: s.isDenied, dismiss: s.dismiss, result: _objectSpread(_objectSpread({}, s), {}, { data: _objectSpread(_objectSpread({}, a), {}, { inputAttributes: null !== (o = c.inputAttributes) && void 0 !== o ? o : null }) }) }, i), t.options)); case 8: case "end": return e.stop() } }), e) }))); return function (t) { return e.apply(this, arguments) } }() })() })();
    </script>


    <script>
        if (window.Alpine) {
            console.warn(
                'Laravel Comments scripts were loaded after Alpine. ' +
                'Please ensure Alpine is loaded last so Laravel Comments can initialize first.'
            );
        }
    </script>


    <div wire:id="wu1jF7C19A8wtAa6LsgQ"
        wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;wu1jF7C19A8wtAa6LsgQ&quot;,&quot;name&quot;:&quot;livewire-ui-modal&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;products\/chatgpt&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[&quot;openModal&quot;,&quot;destroyComponent&quot;]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;747bd853&quot;,&quot;data&quot;:{&quot;activeComponent&quot;:null,&quot;components&quot;:[]},&quot;dataMeta&quot;:[],&quot;checksum&quot;:&quot;cb6ab15af9604431293bb842fb3d58e5e318e3659d747a519f43f6a90393767c&quot;}}">
        <script>(() => { var t, e = { 331: () => { function t(t) { return function (t) { if (Array.isArray(t)) return e(t) }(t) || function (t) { if ("undefined" != typeof Symbol && null != t[Symbol.iterator] || null != t["@@iterator"]) return Array.from(t) }(t) || function (t, o) { if (!t) return; if ("string" == typeof t) return e(t, o); var n = Object.prototype.toString.call(t).slice(8, -1); "Object" === n && t.constructor && (n = t.constructor.name); if ("Map" === n || "Set" === n) return Array.from(t); if ("Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return e(t, o) }(t) || function () { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.") }() } function e(t, e) { (null == e || e > t.length) && (e = t.length); for (var o = 0, n = new Array(e); o < e; o++)n[o] = t[o]; return n } window.LivewireUIModal = function () { return { show: !1, showActiveComponent: !0, activeComponent: !1, componentHistory: [], modalWidth: null, getActiveComponentModalAttribute: function (t) { if (void 0 !== this.$wire.get("components")[this.activeComponent]) return this.$wire.get("components")[this.activeComponent].modalAttributes[t] }, closeModalOnEscape: function (t) { if (!1 !== this.getActiveComponentModalAttribute("closeOnEscape")) { var e = !0 === this.getActiveComponentModalAttribute("closeOnEscapeIsForceful"); this.closeModal(e) } }, closeModalOnClickAway: function (t) { !1 !== this.getActiveComponentModalAttribute("closeOnClickAway") && this.closeModal(!0) }, closeModal: function () { var t = arguments.length > 0 && void 0 !== arguments[0] && arguments[0], e = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : 0, o = arguments.length > 2 && void 0 !== arguments[2] && arguments[2]; if (!1 !== this.show) { if (!0 === this.getActiveComponentModalAttribute("dispatchCloseEvent")) { var n = this.$wire.get("components")[this.activeComponent].name; Livewire.emit("modalClosed", n) } if (!0 === this.getActiveComponentModalAttribute("destroyOnClose") && Livewire.emit("destroyComponent", this.activeComponent), e > 0) for (var i = 0; i < e; i++) { if (o) { var r = this.componentHistory[this.componentHistory.length - 1]; Livewire.emit("destroyComponent", r) } this.componentHistory.pop() } var s = this.componentHistory.pop(); s && !1 === t && s ? this.setActiveModalComponent(s, !0) : this.setShowPropertyTo(!1) } }, setActiveModalComponent: function (t) { var e = this, o = arguments.length > 1 && void 0 !== arguments[1] && arguments[1]; if (this.setShowPropertyTo(!0), this.activeComponent !== t) { !1 !== this.activeComponent && !1 === o && this.componentHistory.push(this.activeComponent); var n = 50; !1 === this.activeComponent ? (this.activeComponent = t, this.showActiveComponent = !0, this.modalWidth = this.getActiveComponentModalAttribute("maxWidthClass")) : (this.showActiveComponent = !1, n = 400, setTimeout((function () { e.activeComponent = t, e.showActiveComponent = !0, e.modalWidth = e.getActiveComponentModalAttribute("maxWidthClass") }), 300)), this.$nextTick((function () { var o, i = null === (o = e.$refs[t]) || void 0 === o ? void 0 : o.querySelector("[autofocus]"); i && setTimeout((function () { i.focus() }), n) })) } }, focusables: function () { return t(this.$el.querySelectorAll("a, button, input, textarea, select, details, [tabindex]:not([tabindex='-1'])")).filter((function (t) { return !t.hasAttribute("disabled") })) }, firstFocusable: function () { return this.focusables()[0] }, lastFocusable: function () { return this.focusables().slice(-1)[0] }, nextFocusable: function () { return this.focusables()[this.nextFocusableIndex()] || this.firstFocusable() }, prevFocusable: function () { return this.focusables()[this.prevFocusableIndex()] || this.lastFocusable() }, nextFocusableIndex: function () { return (this.focusables().indexOf(document.activeElement) + 1) % (this.focusables().length + 1) }, prevFocusableIndex: function () { return Math.max(0, this.focusables().indexOf(document.activeElement)) - 1 }, setShowPropertyTo: function (t) { var e = this; this.show = t, t ? document.body.classList.add("overflow-y-hidden") : (document.body.classList.remove("overflow-y-hidden"), setTimeout((function () { e.activeComponent = !1, e.$wire.resetState() }), 300)) }, init: function () { var t = this; this.modalWidth = this.getActiveComponentModalAttribute("maxWidthClass"), Livewire.on("closeModal", (function () { var e = arguments.length > 0 && void 0 !== arguments[0] && arguments[0], o = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : 0, n = arguments.length > 2 && void 0 !== arguments[2] && arguments[2]; t.closeModal(e, o, n) })), Livewire.on("activeModalComponentChanged", (function (e) { t.setActiveModalComponent(e) })) } } } }, 754: () => { } }, o = {}; function n(t) { var i = o[t]; if (void 0 !== i) return i.exports; var r = o[t] = { exports: {} }; return e[t](r, r.exports, n), r.exports } n.m = e, t = [], n.O = (e, o, i, r) => { if (!o) { var s = 1 / 0; for (u = 0; u < t.length; u++) { for (var [o, i, r] = t[u], a = !0, c = 0; c < o.length; c++)(!1 & r || s >= r) && Object.keys(n.O).every((t => n.O[t](o[c]))) ? o.splice(c--, 1) : (a = !1, r < s && (s = r)); if (a) { t.splice(u--, 1); var l = i(); void 0 !== l && (e = l) } } return e } r = r || 0; for (var u = t.length; u > 0 && t[u - 1][2] > r; u--)t[u] = t[u - 1]; t[u] = [o, i, r] }, n.o = (t, e) => Object.prototype.hasOwnProperty.call(t, e), (() => { var t = { 387: 0, 109: 0 }; n.O.j = e => 0 === t[e]; var e = (e, o) => { var i, r, [s, a, c] = o, l = 0; if (s.some((e => 0 !== t[e]))) { for (i in a) n.o(a, i) && (n.m[i] = a[i]); if (c) var u = c(n) } for (e && e(o); l < s.length; l++)r = s[l], n.o(t, r) && t[r] && t[r][0](), t[r] = 0; return n.O(u) }, o = self.webpackChunk = self.webpackChunk || []; o.forEach(e.bind(null, 0)), o.push = e.bind(null, o.push.bind(o)) })(), n.O(void 0, [109], (() => n(331))); var i = n.O(void 0, [109], (() => n(754))); i = n.O(i) })();</script>

        <div x-data="LivewireUIModal()" x-init="init()" x-on:close.stop="setShowPropertyTo(false)"
            x-on:keydown.escape.window="closeModalOnEscape()"
            x-on:keydown.tab.prevent="$event.shiftKey || nextFocusable().focus()"
            x-on:keydown.shift.tab.prevent="prevFocusable().focus()" x-show="show"
            class="fixed inset-0 z-10 overflow-y-auto" style="display: none;">
            <div class="flex items-end justify-center min-h-screen px-4 pt-4 pb-10 text-center sm:block sm:p-0">
                <div x-show="show" x-on:click="closeModalOnClickAway()" x-transition:enter="ease-out duration-300"
                    x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100"
                    x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100"
                    x-transition:leave-end="opacity-0" class="fixed inset-0 transition-all transform">
                    <div class="absolute inset-0 bg-gray-500 opacity-75"></div>
                </div>

                <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">&#8203;</span>

                <div x-show="show && showActiveComponent" x-transition:enter="ease-out duration-300"
                    x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
                    x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
                    x-transition:leave="ease-in duration-200"
                    x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
                    x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
                    x-bind:class="modalWidth"
                    class="inline-block w-full align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:w-full"
                    id="modal-container">
                </div>
            </div>
        </div>
    </div>

    <!-- Livewire Component wire-end:wu1jF7C19A8wtAa6LsgQ -->
    <script src="../js/app.js"></script>

    <script>
        var modal = new tingle.modal({
            footer: true,
            stickyFooter: false,
            closeMethods: ['overlay', 'button', 'escape'],
        });

        // set content
        modal.setContent(document.querySelector('.login-modal').innerHTML);
        // add another button
        modal.addFooterBtn('Login', 'tingle-btn tingle-btn--primary tingle-btn--pull-right', function () {
            window.location.href = '/login';
        });
        modal.addFooterBtn('Create a new account', 'tingle-btn tingle-btn--default', function () {
            modal.close();
        });

        document.addEventListener('click', function (event) {
            if (event.target.closest('.vote-btn')) {

                modal.open();
            }

            //bookmark
            if (event.target.closest('.bookmark-btn')) {

                modal.open();
            }
        });

    </script>
    <script>
        var isLoggedIn = false;
    </script>

    <script>
        (function (w, d, e, u, f, l, n) {
            w[f] = w[f] || function () {
                (w[f].q = w[f].q || [])
                .push(arguments);
            }, l = d.createElement(e), l.async = 1, l.src = u,
            n = d.getElementsByTagName(e)[0], n.parentNode.insertBefore(l, n);
        })
            (window, document, 'script', 'https://assets.mailerlite.com/js/universal.js', 'ml');
        ml('account', '371228');
    </script>

</body>

</html>